<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>em_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
*{margin:0px; padding:0px;}
body{font-size: 30px; }
ul{font-size:20px;}
ul li{font-size:30px;}
h1 { font-size: 16px; font-weight:100; font-family:'微软雅黑';}
.size1 p{font-size: 2em;}
.size2 p{font-size: 2em;}
.size3 p{font-size: 3em;}
</style>
</head>
<body>
<h1>假定当前默认字体尺寸是14px，n em即为14px字体尺寸的n倍：</h1>
<ul>
	<li class="size1"><p>1em大小的文字</p></li>
	<li style="font-size:28px;"><p>14像素的文字</p></li>
	<li class="size2"><p>2em大小的文字</p></li>
	<li class="size3"><p>3em大小的文字</p></li>
</ul>
</body>
</html>
			